<template>
	<!-- ok -->
	<view class="wanlpage-banner" :style="[pageData.style]">
		<swiper class="screen-swiper square-dot" :style="{height: pageData.params.height}" :indicator-dots="true" :circular="true" :autoplay="true" :interval="pageData.params.interval" duration="500">
			<swiper-item  v-for="(image, keys) in pageData.data" :key="keys" @tap="$wanlshop.on(image.link)" >
				<!--height: 233rpx;		width: 699rpx;-->
				<image :src="$wanlshop.oss(image.image)" mode="aspectFill" style="background-size: 100%;"></image>
			</swiper-item>
		</swiper>
	</view>
</template>
<script>
	export default {
		name: "WanlPageBanner",
		props: {
			pageData: {
				type: Object,
				default: function() {
					return {
						name: '',
						type: '',
						params: [],
						style: [],
						data: []
					}
				}
			}
		}
	}
</script>
<style lang="scss">
	.screen-swiper{
		min-height: 100rpx !important;
		
		image{
			overflow: hidden;
		}
	}
</style>
